<template>
  <div>
    <h1>Bob</h1>
    <ul>
      <li>
        <router-link
          to="/contacts/bob/blog"
          exact-active-class="active"
          active-class="active"
          >blog</router-link
        >
      </li>
      <li>
        <router-link
          to="/contacts/bob/fax"
          exact-active-class="active"
          active-class="active"
          >fax</router-link
        >
      </li>
    </ul>
    <div>
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
/* .router-link-exact-active {
  color: red;
}

.router-link-active {
  color: red;
} */
.active {
  color: red;
}
</style>